<!DOCTYPE html>
{% from "macros.html" import menu %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            text-align: center;
        }
        #user_online{
            float: right;
            margin-right: 3px;
        }
        table{
            margin:auto;
        }
    </style>
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/bootstrap.css')}}">
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/flask.css')}}">
</head>
<body>
{{ menu(post_name,online) }}

<table border="1" class="table">
    <tr>
        <th>头像</th>
{#        <th><img src="{{ url_for("static",filename="/img/"+post_img) }}"></th>#}
        <th>{{ post_img }}"></th>
    </tr>

    <tr>
        <th>用户名</th>
        <th>{{ username }}</th>
    </tr>
    <tr>
        <th>性别</th>
        <th>{{ sex }}</th>
    </tr>
    <tr>
        <th>电子邮箱</th>
        <th>{{ email }}</th>
    </tr>
    <tr>
        <th>电话号码</th>
        <th>{{ tel }}</th>
    </tr>
    <tr>
        <th>年龄</th>
        <th>{{ age }}</th>
    </tr>
    <tr>
        <th>居住地</th>
        <th>{{ place }}</th>
    </tr>
    <tr>
        <th>学历</th>
        <th>{{ edu }}</th>
    </tr>
    <tr>
        <th>身高</th>
        <th>{{ height }}</th>
    </tr>
    <tr>
        <th>体重</th>
        <th>{{ weight }}</th>
    </tr>
    <tr>
        <th>喜欢游戏</th>
        <th>{{ game }}</th>
    </tr>
    <tr>
        <th>性格喜好</th>
        <th>{{ character }}</th>
    </tr>
    <tr>
        <th>兴趣爱好</th>
        <th>{{ hobby }}</th>
    </tr>
{#    <td><input type="submit" value="更新信息"><a href="{{ url_for('addinformation') }}"></a></td>#}
{#    <td><input type="submit" value="更新头像"><a href="{{ url_for('addimg') }}"></a></td>#}
    <tr>
        <th><a href="{{ url_for('addinformation') }}">更新信息</a></th>
    </tr>
    <tr>
        <th><a href="{{ url_for('addimg') }}">更新头像</a></th>
    </tr>
</table>
</body>
<script type="text/javascript">
    window.onload = function(){
        var selectmenu = document.getElementById("selectmenu");
        var selects = document.getElementById("selects");
        selectmenu.onmouseover = function(){
            selects.style.display = "block";
        }
        selectmenu.onmouseout = function(){
            selects.style.display = "none";
        }

        var messagemenu = document.getElementById("messagemenu");
        var selects2 = document.getElementById("selects2");
        messagemenu.onmouseover = function(){
            selects2.style.display = "block";
        }
        messagemenu.onmouseout = function(){
            selects2.style.display = "none";
        }

        var userstate = document.getElementById("userstate");
        var down = document.getElementById("down");
        userstate.onmouseover = function(){
            down.style.display = "block";
        }
        userstate.onmouseout = function(){
            down.style.display = "none";
        }
    }
</script>
</html>